@charset "UTF-8";

/*/////////////////////////////////////////////////////////////
 
 SHARP Web Manual
 Net Front用

 CSS 枠組み
 	
	0.all
	1.header
		title Area
	2.rightcolumn
	3.leftcolumn
	4.centercolumn
	5.footer
		menuBtn
  
//////////////////////////////////////////////////////////////*/

/*##########################################

 0.all

##########################################*/
#logo {
	display:none;
}

body,div,h1,h2{
	padding: 0;
	margin: 0;
}

body {
	background-image:url('../images/nf/backContainer.gif');
	background-attachment : fixed;
}

#wrapper { 
	/*margin: 0 auto;*/
}

.cl {
	clear:left;
}

/*##########################################

 1.header

##########################################*/

#header {
	position:fixed;
	left:56px;
	z-index:999;
	width: 820px;
	margin-top: 0px;
	background: url(../images/nf/backimgHeaderBack.jpg) no-repeat;
}

#categoryTitle {
	color:#fff;
	font-size:25px;
	font-weight:bold;
	padding:30px 10px 12px 0px;
}

/*----------------------------------------

 title Area

----------------------------------------*/

h1.contentsTitle {
	display:block;
	float:left;
	color:#ffffff;
	line-height:25px;
	padding:10px 0px 10px 10px;
	font-size:23px;
	width:570px;
}

h2.contentsSubTitle {
	display:block;
	float:right;
	color:#ccffff;
	text-align:right;
	width:240px;
	line-height:25px;
	padding:10px 0px 0px 0px;
	/*border-left-style: solid;
	border-color:#f6f7f9;
	border-width:0px 0px 1px 5px;*/
	font-size:18px;
}



/*8章用*/
h1.contentsTitleL {
	float:left;
	display:block;
	color:#ffffff;
	margin:0px;
	padding:10px 0px 10px 10px;
	font-size:23px;
	line-height:25px;
	width:790px;
}
h2.contentsSubTitleS {
	display:block;
	float:left;	
	color:#ccffff;
	text-align:right;
	width:0px;
	margin:0px;
	padding:0px 10px 0px 0px;	
	font-size:20px;
	line-height:20px;
}
/*****/


/*##########################################

 2.rightcolumn

##########################################*/

#rightcolumn { 
	top:0px;
	left:874px;
	color: #333;
	border:none;
	background: #E7DBD5;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 546px;
	width: 56px;
	z-index:999;
	background:url('../images/nf/backimgRight.jpg');		
	position:fixed;
}

/*##########################################

 3.leftcolumn

##########################################*/

#leftcolumn { 
	color: #333;
	border: none;
	background:url('../images/nf/backimgLeft.jpg');
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 546px;
	width: 56px;
	z-index:999;
	position:fixed;
}

/*##########################################

 4.centercolumn

##########################################*/

#centercolumn { 
	color: #333;
	margin: 0px 0px 0px 56px;
	padding: 0px;

	background-position : bottom;
	background-attachment : fixed;
	width: 820px;
	height:463px;
}

/*##########################################

 5.footer

##########################################*/

#footer { 
	border:none;
	background: #eee;
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 15px 10px;
	height: 58px;
	width:820px;
	z-index:999;
	position:fixed;
	bottom:-35px;
	left:56px;
	background:url('../images/nf/backimgBottom.jpg');			
}

/*----------------------------------------

 menuBtn

----------------------------------------*/

a.menuBtnStp {
	width: 215px;
	height: 45px;
	line-height: 44px;
	background: url("../images/btn_b5_off.gif") no-repeat;
	display: block;
	margin: -45px 520px 0 0;
	text-align:center;			
	float: left;
	color: #fff;
	text-decoration: none;
}

a.menuBtn:hover {
	background: url("../images/btn_b5_on.gif") no-repeat;
}

a.topBtn {
	width: 211px;
	height: 45px;
	line-height: 44px;
	display: block;
	margin: 6px 0px 0 -25px;
	text-align:center;
	float: left;
	color: #fff;
	text-decoration: none;
	background: url("../images/btn_b4_blue_off.gif") no-repeat;
}
a.topBtn:hover {
	background: url("../images/btn_b4_blue_on.gif") no-repeat;
}
a.menuBtn {
	width: 420px;
	height: 45px;
	line-height: 44px;
	background: url("../images/btn_b5_off.gif") no-repeat;
	display: block;
	margin: 6px 0px 0 0;
	text-align:center;			
	float: left;
	color: #fff;
	text-decoration: none;
}
a.menuBtn:hover {
	background: url("../images/btn_b5_on.gif") no-repeat;
}

a.menuBtnStep:hover {
	background: url("../images/btn_orange_on.gif") no-repeat;
}

a.menuBtnStep {
	float: right;
	width: 210px;
	height: 45px;
	line-height: 44px;
	background: url("../images/btn_orange_off.gif") no-repeat;
	display: block;
	margin: 6px 0px 0 0px;
	text-align:center;			
	color: #fff;
	text-decoration: none;
}
a.menuBtnStep:hover {
	background: url("../images/btn_orange_on.gif") no-repeat;
}

a.menuBtnSummary {
	float: right;
	width: 210px;
	height: 45px;
	line-height: 44px;
	background: url("../images/btn_b4_blue_off.gif") no-repeat;
	display: block;
	margin: 6px 0px 0 0px;
	text-align:center;			
	color: #fff;
	text-decoration: none;
}
a.menuBtnSummary:hover {
	background: url("../images/btn_b4_blue_on.gif") no-repeat;
}


a.menuBtnLong {
	width: 385px;
	height: 45px;
	line-height: 44px;
	background: url("../images/btn_b5_long_off.gif") no-repeat;
	display: block;
	margin: 6px 0px 0 0;
	text-align:center;			
	float: left;
	padding-left:10px;
	color: #fff;
	text-decoration: none;
}

a.menuBtnLong:hover  {
	background: url("../images/btn_b5_long_on.gif") no-repeat;
}
